<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        {{message}}
    </div>





    <script>
        // vue源码碎片 原型链 
        function vue(option) {
            this._data= option.data
            this.$data = option.data
            this.message= option.data.message
            this.$el = document.querySelector(option.el)

            // 用正则去匹配  上面的messag 和data关系  然后换 

        }

        vue.prototype.$delete = function () {
            console.log('delete')
        }
        vue.prototype.$destroy = function () {
            console.log('delete')
        }

        vue.prototype.$emit = function () {
            console.log('delete')
        }





        var app = new vue({
            el: '#app',
            data: {
                message: 'Hello Vue22222!'
            }
        })

        console.log('app',app)

    </script>
</body>
</html>